<!DOCTYPE html>
<html lang="zh-CH">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>商家列表</title>
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/businessList.css" rel="stylesheet">
</head>
<body>
<!-- 总容器 -->
    <div class="wrapper">
        <!-- 顶部容器 -->
        <div class="fixed-top">
            <!-- header -->
            <header>
                <div class="head-left">
                    <div class="waimai" onclick="location.href='index.html'">
                        <i class="fa fa-chevron-left"></i> 外卖
                    </div>
                    <img src="img/top1.jpg">
                    <div class="location-text">
                        云南大学(呈贡校区) <i class="fa fa-angle-right"></i>
                    </div>
                </div>
                <div class="head-right">
                    <img onclick="location.href='message.html'" src="img/top2.jpg">
                </div>
            </header>
            <!-- search -->
            <div class="search">
                <div class="search-fixed-top" id="fixedBox">
                    <div class="search-box">
                        <div class="search-box-left">
                            <i class="fa fa-search"></i>     附近的美食
                        </div>
                        <div class="search-box-right">
                            搜索
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 分类 -->
        <ul class="food-type">
            <li class="li1">
                <img src="img/fenlei1.jpg">
                <p>美食</p>
            </li>
            <li class="li1">
                <img src="img/fenlei2.jpg">
                <p>甜点饮品</p>
            </li>
            <li class="li1">
                <img src="img/fenlei3.jpg">
                <p>超市便利</p>
            </li>
            <li class="li1">
                <img src="img/fenlei4.jpg">
                <p>蔬菜水果</p>
            </li>
            <li class="li1">
                <img src="img/fenlei5.jpg">
                <p>看病买药</p>
            </li>
            <li class="li2">
                <img src="img/fenlei6.jpg">
                <p>晚餐</p>
            </li>
            <li class="li2">
                <img src="img/fenlei7.jpg">
                <p>拼好饭</p>
            </li>
            <li class="li2">
                <img src="img/fenlei8.jpg">
                <p>炸鸡鸭脖</p>
            </li>
            <li class="li2">
                <img src="img/fenlei9.jpg">
                <p>跑腿</p>
            </li>
            <li class="li2">
                <img src="img/fenlei10.jpg">
                <p>领米粒</p>
            </li>
        </ul>
        <div class="color-transition"></div>
        <div class="page"><img src="img/page.jpg"></div>

        <!-- 推荐列表 -->
        <div class="list">
            <div class="shenqiangshou">
                <div class="title">
                    <div class="left"><img src="img/shenquan.jpg">神抢手</div>
                    <p class="right">更多 <i class="fa fa-angle-right"></i> </p>
                </div>
                <div class="business-list">
                    <div class="business">
                        <img src="img/shenqiangshou_business1.jpg">
                        <div class="text">
                            <p class="name">特思甜蛋糕甜点
                                （呈贡吾悦广场...</p>
                            <p class="tap">正在疯抢</p>
                            <p class="price">
                                <span class="c1"><i class="fa fa-rmb"></i></span>
                                <span class="c2">34 </span>
                                <span class="c3"><i class="fa fa-rmb"></i>48</span>
                            </p>
                        </div>
                    </div>
                    <div class="business">
                        <img src="img/shenqiangshou_business2.jpg">
                        <div class="text">
                            <p class="name">酸奶芭蕾|木姜子
                                酸奶紫米露兑换...</p>
                            <p class="tap">正在疯抢</p>
                            <p class="price">
                                <span class="c1"><i class="fa fa-rmb"></i></span>
                                <span class="c2">9</span>
                                <span class="c3"><i class="fa fa-rmb"></i>13</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="option">
                <div><span>神券商家</span></div>
                <div>减配送费</div>
                <div>首单立减</div>
                <div class="c1">满赠活动</div>
                <img src="img/optian1.jpg">
            </div>
            <ul class="business-list">
                <li onclick="location.href='shopping.html'">
                    <div class="left-img">
                        <img src="img/business11.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                麦当劳&麦咖啡（昆明...
                            </div>
                            <div class="right">
                                <img src="img/goldMedal.jpg" class="goldMedal">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.9分</span>
                                <span class="price">月售3000+  人均 <i class="fa fa-rmb"></i>32</span>
                            </div>
                            <div class="right2">
                                商家自配
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>20 配送 约<i class="fa fa-rmb"></i>6
                            </div>
                            <div class="right">
                                30分钟 2.6km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="shenquan">神券</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business12.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                袁记云饺（仕林街店）
                            </div>
                            <div class="right">
                                <img src="img/goldMedal.jpg" class="goldMedal">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.7分</span>
                                <span class="price">月售9000+  人均 <i class="fa fa-rmb"></i>20</span>
                            </div>
                            <div class="right1">
                                美团快送
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>20 配送 约<i class="fa fa-rmb"></i>0.7
                            </div>
                            <div class="right">
                                40分钟 3.7km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="shenquan">神券</span>
                                <span class="normal">新客减2</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business13.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                塔斯汀·中国汉堡(仕...
                            </div>
                            <div class="right">
                                <img src="img/goldMedal.jpg" class="goldMedal">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.6分</span>
                                <span class="price">月售8000+  人均 <i class="fa fa-rmb">20</i></span>
                            </div>
                            <div class="right1">
                                美团快送
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>20 配送 免配送费
                            </div>
                            <div class="right">
                                40分钟 3.5km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="shenquan">神券</span>
                                <span class="normal">收藏领2元券</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business14.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                正宗隆江猪脚饭
                            </div>
                            <div class="right">
                                <img src="img/goldMedal.jpg" class="goldMedal">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.7分</span>
                                <span class="price">月售6000+  人均 <i class="fa fa-rmb"></i>32</span>
                            </div>
                            <div class="right1">
                                美团快送
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>0 免配送费
                            </div>
                            <div class="right">
                                40分钟 3.9km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="shenquan">神券</span>
                                <span class="normal">新客减2</span>
                                <span class="normal">第二份半价</span>
                                <span class="normal">收藏领2元券</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business15.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                塘屋烧烤·云南火塘烧烤（仕...
                            </div>
                            <div class="right">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.8分</span>
                                <span class="price">月售4000+  人均 <i class="fa fa-rmb"></i>27</span>
                            </div>
                            <div class="right1">
                                美团快送
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>20 配送 约<i class="fa fa-rmb"></i>0.5
                            </div>
                            <div class="right">
                                40分钟 3.3km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="normal">收藏领0.1折券</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business16.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                CHAGEE霸王茶姬(呈...
                            </div>
                            <div class="right">
                                <img src="img/goldMedal.jpg" class="goldMedal">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.9分</span>
                                <span class="price">月售5000+  人均 <i class="fa fa-rmb"></i>23</span>
                            </div>
                            <div class="right1">
                                美团快送
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>20 配送 约<i class="fa fa-rmb"></i>1
                            </div>
                            <div class="right">
                                41分钟 4.4km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="shenquan">神券</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business17.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                蒙古手撕烤鸡·碳烤肉
                            </div>
                            <div class="right">
                                <img src="img/goldMedal.jpg" class="goldMedal">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.9分</span>
                                <span class="price">月售4000+  人均 <i class="fa fa-rmb"></i>31</span>
                            </div>
                            <div class="right2">
                                商家自配
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>18 免配送费
                            </div>
                            <div class="right">
                                43分钟 3.9km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="shenquan">神券</span>
                                <span class="normal">收藏领1元券</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business18.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                象果Start（呈贡店）
                            </div>
                            <div class="right">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.7分</span>
                                <span class="price">月售3000+</span>
                            </div>
                            <div class="right2">
                                商家自配
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>25 免配送费
                            </div>
                            <div class="right">
                                54分钟 5.9km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="normal">新客减1</span>
                                <span class="normal">0.01元爆款</span>
                                <span class="normal">领20元券</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business19.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                云牛制燥·臭豆腐酸菜牛肉·...
                            </div>
                            <div class="right">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.9分</span>
                                <span class="price">月售900+  人均 <i class="fa fa-rmb"></i>20</span>
                            </div>
                            <div class="right1">
                                美团快送
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>15 配送 约<i class="fa fa-rmb"></i>1
                            </div>
                            <div class="right">
                                40分钟 4.0km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="shenquan">神券</span>
                                <span class="normal">新客减1</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="left-img">
                        <img src="img/business20.jpg">
                    </div>
                    <div class="business-info">
                        <div class="title">
                            <div class="left">
                                1点点（大学城店）
                            </div>
                            <div class="right">
                                <img src="img/goldMedal.jpg" class="goldMedal">
                                <i class="fa fa-ellipsis-v"></i>
                            </div>
                        </div>
                        <div class="r1">
                            <div class="left">
                                <span class="score">4.7分</span>
                                <span class="price">月售3000+  人均 <i class="fa fa-rmb"></i>17</span>
                            </div>
                            <div class="right2">
                                商家自配
                            </div>
                        </div>
                        <div class="r2">
                            <div class="left">
                                起送 <i class="fa fa-rmb"></i>15 配送 约<i class="fa fa-rmb"></i>0.6
                            </div>
                            <div class="right">
                                40分钟 4.5km
                            </div>
                        </div>
                        <div class="r3">
                            <div class="r3">
                                <span class="shenquan">神券</span>
                                <span class="normal">收藏领两元券</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>

        <!-- 底部菜单 -->
        <ul class="footer">
            <li class="bottom3">
                <p>外卖</p>
            </li>
            <li class="bottom2">
                <img src="img/bottom7.jpg">
                <p>会员</p>
            </li>
            <li class="bottom4">
                <img src="img/bottom6.jpg">
            </li>
            <li class="bottom2" onclick="location.href='order.html'">
                <img src="img/bottom8.jpg">
                <p>订单</p>
            </li>
            <li class="bottom2">
                <img src="img/bottom9.jpg">
                <p>更多</p>
            </li>
        </ul>
    </div>
</body>
</html>